html,body,#root{
  width: 100%;
  height: 100%;
}


.ant-layout{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  
  main{
    flex: 1;
    overflow: auto;
  }
}


// .box{
//   flex: 1;
//   overflow: auto;
//   display: flex;
//   flex-direction: column;
//   background-color: rgb(244,244,247);
//   .post{
//     width: 80%;
//     margin-left: 10%;
//     height: 220px;
//     background-color: #fff;
//     margin-bottom: 30px;
//     display: flex;
//     flex-direction: column;
//     .major{
//       width: 80%;
//       margin-left: 10%;
//       >h2{
//         font-weight: normal;
//       }
//       >ul{
//         >span{
//           padding: 4px 10px;
//           border-radius: 12px;
//           margin: 6px 8px;
//           font-size: 14px;
//         }
        // .active{
        //   color: #fff;
        //   background-color: rgb(103,156,246);
        // }
//       }
//     }
//     .state{
//       width: 80%;
//       margin-left: 10%;
//       >h2{
//         font-weight: normal;
//       }
//       >ul{
//         >span{
//           padding: 4px 10px;
//           border-radius: 12px;
//           margin: 6px 8px;
//           font-size: 14px;
//         }
        // .active{
        //   color: #fff;
        //   background-color: rgb(103,156,246);
        // }
//       }
//     }
//   }
//   .table{
//     width: 80%;
//     margin-left: 10%;
//     height: 660px;
//     background-color: #fff;
//     display: flex;
//     flex-direction: column;
    
//   }
// }